<!doctype html>
<html class="no-js">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="description" content="">
    <meta name="keywords" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>南京大学职业咨询室预约平台</title>
    <!-- Set render engine for 360 browser -->
    <meta name="renderer" content="webkit">
    <!-- No Baidu Siteapp-->
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <link rel="icon" type="image/x-icon" href="{{ url_for('static', filename='assets/i/ico_128X128.ico') }}">
    <!-- Add to homescreen for Chrome on Android -->
    <meta name="mobile-web-app-capable" content="yes">
    <link rel="icon" sizes="192x192" href="{{ url_for('static', filename='assets/i/main_icon.png') }}">
    <!-- Add to homescreen for Safari on iOS -->
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-title" content="Amaze UI" />
    <link rel="apple-touch-icon-precomposed" href="{{ url_for('static', filename='assets/i/main_icon.png') }}">
    <!-- Tile icon for Win8 (144x144 + tile color) -->
    <meta name="msapplication-TileImage" content="{{ url_for('static', filename='assets/i/main_icon.png') }}">
    <meta name="msapplication-TileColor" content="#0e90d2">
    <link rel="stylesheet" href="{{ url_for('static', filename='assets/css/amazeui.min.css') }}">
    <link rel="stylesheet" href="{{ url_for('static', filename='assets/css/app.css', v='1.4') }}">
    <script src="{{ url_for('static', filename='assets/js/jquery.min.js') }}"></script>

</head>

<body>
    <div class="header">
        <!--<div class="header-back" onclick="history.back()">返回</div>-->
        <div class="header-title">个人中心</div>
    </div>
<div class="content">
    <div class="alert alert-warning">
        {% with messages = get_flashed_messages() %}
          {% if messages %}
            <ul class=flashes>
            {% for message in messages %}
            <div class="am-alert am-alert-secondary" data-am-alert>
              <button type="button" class="am-close">&times;</button>
              <div style="text-align: center;">{{ message }}</div>
            </div>
            {% endfor %}
            </ul>
          {% endif %}
        {% endwith %}
    </div>
    
    <div class="Name" align="center">
        <njup>南京大学<br>职业咨询室预约平台</njup>
    </div>
    <!--在这里编写你的代码-->
    <!--[if (gte IE 9)|!(IE)]><!-->
    
    <br>
    <br>
    <div>
        
        <form class="am-form am-form-inline" role="form" name="njusub" method="post">
            {{ form.csrf_token }}
            <div class="am-cf">
                <button type="submit" id="id_booking" value="预约咨询师" class="am-btn am-btn-primary" onclick="booking()">预约咨询师</button>
            </div>
            <br>
            <div class="am-cf">
                <button type="submit" id="id_urgent_booking" value="紧急预约" class="am-btn am-btn-primary" onclick="urgent_booking()">紧&nbsp;急&nbsp;&nbsp;咨&nbsp;询</button>
            </div>
            <br>
            <div class="am-cf">
                <button type="submit" id="id_query_cancel" value="我的预约" class="am-btn am-btn-primary" onclick="query_cancel()">我&nbsp;的&nbsp;&nbsp;预&nbsp;约</button>
            </div>
            <br>
            <div class="am-cf">
                <button type="submit" id="id_consultant_story" value="咨询室故事" class="am-btn am-btn-primary" onclick="consultant_story()">咨询室故事</button>
            </div>
            <br>
        </form>

    </div>
</div>

<div class="footer">
    <ul>
        <li><a href="/get_teacher_schedule" class="footer-item">预约咨询</a></li>
        <li><a href="/urgent_booking" class="footer-item">紧急咨询</a></li>
        <li><a href="/student_query_login_student" class="footer-item">我的预约</a></li>
        <li><a href="/get_consultant_story_page" class="footer-item">咨询室故事</a></li>
        <li><a href="/index" class="footer-item">返回首页</a></li>
    </ul>
</div>

    <script type="text/javascript">

    function booking()
    {
        document.njusub.action="/get_teacher_schedule";
        document.njusub.submit();
    }

    function urgent_booking()
    {
        document.njusub.action="/urgent_booking";
        document.njusub.submit();
    }

    function query_cancel(){
        //document.njusub.action="/get_query_cancel_page";
        document.njusub.action="/student_query_login_student";
        document.njusub.submit();
    }

    function consultant_story()
    {
        document.njusub.action="/get_consultant_story_page";
        document.njusub.submit();
    }

    </script>

    <style type="text/css">
    #btn_nju {
        margin:0 auto;
        margin-left: auto;
        margin-right: auto;
        width:10%;
        height:100%;
    }
    </style>
    <!--<![endif]-->
    <!--[if lte IE 8 ]>
	<script src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>
	<![endif]-->
    <script src="{{ url_for('static', filename='assets/js/amazeui.min.js') }}"></script>
    <br>
    <br>

</body>

</html>
